<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<html>
<head>
	<script src="study/js/jquery/2.0.0/jquery.min.js"></script>
	<link href="study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
	<script src="study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="study/css/styles.css" />
<script>

$(function(){

	$("a.productDetailTopReviewLink").click(function(){
		$("div.productReviewDiv").show();
		$("div.productDetailDiv").hide();
	});
	$("a.productReviewTopPartSelectedLink").click(function(){
		$("div.productReviewDiv").hide();
		$("div.productDetailDiv").show();		
	});
	
	$("span.leaveMessageTextareaSpan").hide();
	$("img.leaveMessageImg").click(function(){
		
		$(this).hide();
		$("span.leaveMessageTextareaSpan").show();
		$("div.orderItemSumDiv").css("height","100px");
	});
	
	$("div#footer a[href$=#nowhere]").click(function(){
		alert(" 只是個鏈接");
	});
	
	$("a.wangwanglink").click(function(){
		alert(" 假的");
	});
	$("a.notImplementLink").click(function(){
		alert("这个功能没做");
	});
	
});

</script>	
</head>

<body>

<nav class="top ">
		<a href="#nowhere">
			<span style="color:#C40000;margin:0px" class=" glyphicon glyphicon glyphicon-home redColor"></span>
			书城首页
		</a>	
		
		<span>欢迎来到汇书购</span>
		
			<a href="#nowhere">tmalltest</a>
			<a href="首页.html">退出</a>		
		
		<span class="pull-right">
			<a href="订单页面.html">我的订单</a>
			<a href="购物车.html">
			<span style="color:#C40000;margin:0px" class=" glyphicon glyphicon-shopping-cart redColor"></span>
			购物车<strong>5</strong>件</a>		
		</span>
		
</nav>
	<form  method="post" >	
		<div class="searchDiv">
			<input name="keyword" type="text" placeholder="校花的贴身高手 ">
			<button  type="button" class="searchButton">搜索</button>
			<div class="searchBelow">
				
						<span>
							<a href="#nowhere">
								武逆乾坤
							</a>
											
								<span>|</span>				
							
						</span>			
					
						<span>
							<a href="#nowhere">
								西游记 
							</a>
											
								<span>|</span>				
							
						</span>			
					
						<span>
							<a href="#nowhere">
								三国演义
							</a>
											
								<span>|</span>				
							
						</span>			
					
						<span>
							<a href="#nowhere">
								兵王
							</a>.
							
						</span>			
					
			</div>
		</div>
	</form>	

<div id="searchResult">
	
	<div class="searchResultDiv">
		
<div class="searchProducts">
	
		<div class="productUnit" price=" ">
			<a href="#nowhere">
				<img class="productImage" src="img/imgs/1.jpg">
			</a>
			<center><span class="productPrice">¥60.00</span>
			<a class="productLink" href="#nowhere">
			      摆渡人
			</a></center>
			
			<a class="tmallLink" href="首页.html">汇书购书城</a>

			<div class="show1 productInfo">
				<span class="monthDeal ">月成交 <span class="productDealNumber">24笔</span></span>
				<span class="productReview">评价<span class="productReviewNumber">19</span></span>
				<span class="wangwang"><img src="img/site/wangwang.png"></span>
			</div>
			
		</div>
	
		<div class="productUnit" price=" ">
			<a href="#nowhere">
				<img class="productImage" src="img/imgs/2.jpg">
			</a>
			<center><span class="productPrice">¥66.40</span>
			<a class="productLink" href="#nowhere">
			 刺客信条
			</a></center>
			
			<a class="tmallLink" href="#nowhere">汇书购书城</a>

			<div class="show1 productInfo">
				<span class="monthDeal ">月成交 <span class="productDealNumber">12笔</span></span>
				<span class="productReview">评价<span class="productReviewNumber">19</span></span>
				<span class="wangwang"><img src="img/site/wangwang.png"></span>
			</div>
			
		</div>
	
		<div class="productUnit" price=" ">
			<a href="#nowhere">
				<img class="productImage" src="img/imgs/8.jpg">
			</a>
			<center><span class="productPrice">¥66.40</span>
			<a class="productLink" href="#nowhere">
			 刺客信条
			</a></center>
			
			<a class="tmallLink" href="#nowhere">汇书购书城</a>


			<div class="show1 productInfo">
				<span class="monthDeal ">月成交 <span class="productDealNumber">22笔</span></span>
				<span class="productReview">评价<span class="productReviewNumber">18</span></span>
				<span class="wangwang"><img src="img/site/wangwang.png"></span>
			</div>
			
		</div>
	
		<div class="productUnit" price=" ">
			<a href="#nowhere">
				<img class="productImage" src="img/imgs/7.jpg">
			</a>
			<center><span class="productPrice">¥66.40</span>
			<a class="productLink" href="#nowhere">
			 刺客信条
			</a></center>
			
			<a class="tmallLink" href="#nowhere">汇书购书城</a>


			<div class="show1 productInfo">
				<span class="monthDeal ">月成交 <span class="productDealNumber">36笔</span></span>
				<span class="productReview">评价<span class="productReviewNumber">17</span></span>
				<span class="wangwang"><img src="img/site/wangwang.png"></span>
			</div>
			
		</div>
	
		<div class="productUnit" price=" ">
			<a href="#nowhere">
				<img class="productImage" src="img/imgs/6.jpg">
			</a>
			<center><span class="productPrice">¥66.40</span>
			<a class="productLink" href="#nowhere">
			 刺客信条
			</a></center>
			
			<a class="tmallLink" href="#nowhere">汇书购书城</a>

			<div class="show1 productInfo">
				<span class="monthDeal ">月成交 <span class="productDealNumber">37笔</span></span>
				<span class="productReview">评价<span class="productReviewNumber">17</span></span>
				<span class="wangwang"><img src="img/site/wangwang.png"></span>
			</div>
			
		</div>
	
		<div class="productUnit" price=" ">
			<a href="#nowhere">
				<img class="productImage" src="img/imgs/5.jpg">
			</a>
			<center><span class="productPrice">¥66.40</span>
			<a class="productLink" href="#nowhere">
			 刺客信条
			</a></center>
			
			<a class="tmallLink" href="#nowhere">汇书购书城</a>

			<div class="show1 productInfo">
				<span class="monthDeal ">月成交 <span class="productDealNumber">22笔</span></span>
				<span class="productReview">评价<span class="productReviewNumber">19</span></span>
				<span class="wangwang"><img src="img/site/wangwang.png"></span>
			</div>
			
		</div>
	
		<div class="productUnit" price=" ">
			<a href="#nowhere">
				<img class="productImage" src="img/imgs/4.jpg">
			</a>
			<center><span class="productPrice">¥66.40</span>
			<a class="productLink" href="#nowhere">
			 刺客信条
			</a></center>
			
			<a class="tmallLink" href="#nowhere">汇书购书城</a>

			<div class="show1 productInfo">
				<span class="monthDeal ">月成交 <span class="productDealNumber">15笔</span></span>
				<span class="productReview">评价<span class="productReviewNumber">15</span></span>
				<span class="wangwang"><img src="img/site/wangwang.png"></span>
			</div>
			
		</div>
	
		<div class="productUnit" price=" ">
			<a href="#nowhere">
				<img class="productImage" src="img/imgs/3.jpg">
			</a>
			<center><span class="productPrice">¥66.40</span>
			<a class="productLink" href="#nowhere">
			 刺客信条
			</a></center>
			
			<a class="tmallLink" href="#nowhere">汇书购书城</a>


			<div class="show1 productInfo">
				<span class="monthDeal ">月成交 <span class="productDealNumber">22笔</span></span>
				<span class="productReview">评价<span class="productReviewNumber">15</span></span>
				<span class="wangwang"><img src="img/site/wangwang.png"></span>
			</div>
		</div>
		<div style="clear:both"></div>
       </div>
	</div>

</div>
</div>

<div id="footer"  class="footer" style="display: block;">
	
    <div id="footer_ensure" class="footer_ensure">
            <a href="#nowhere">
            	<a href="#nowhere"> <img src="img/imgs/ensure.png">
            </a>
    </div>
    
   
</div>
</body>
</html>
﻿